<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>领取试用第四步</title>
    <link rel="stylesheet" href="../../css/mobile_reset.css">
    <link rel="stylesheet" href="../../css/mui.css">
    <link rel="stylesheet" href="../../css/get_fourStep.css">
    <link rel="stylesheet" href="../../css/modal_alert.css">
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);


        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<!--领取试用第一步-->
<!--<nav>
    <img src="../../images/lqsy_bg_jdt04_dafault.png" alt="">
</nav>-->
<!--下单付款-->
<div class="get_fourStep">
    <!--<p class="title"><img src="../../images/lqsy_bg_four_default.png" alt=""></p>-->
    <p class="seekOut_good">下单付款</p>
    <p class="content">1.下单前请先确认以下商品信息</p>
    <div class="good">
        <p class="title">
            <span>NIKE旗舰店</span>
            <b>&nbsp;&nbsp;10:20:35</b>
            <b>2016-11-18</b>
        </p>
        <ul>
            <li>
                <img src="../../images/syjz_bg_nike_default.png" alt="">
            </li>
            <li>
                <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                <p>商品规格：<span>米色，M</span></p>
                <p>商品数量：<span>1件</span></p>
                <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
            </li>
        </ul>
    </div>
</div>
<!--注意事项-->
<div class="notice_matter">
    <p class="title">下单注意事项</p>
    <div class="matter_content">
        <p>
        下单不得使用信用卡、花呗、余额宝分期、集分宝、天猫积分、淘金币等付款；也不得使用淘宝客等“返利网站”下单付款。
        请按照任务要求的规格金额拍，禁止乱拍，犯错2次以上直接冻结帐号处罚。
        </p>
    </div>
    <div class="pothook">
        <img class="left" src="../../images/bg_lj_default.png" alt="">
        <img class="right" src="../../images/bg_lj_default.png" alt="">
    </div>
</div>

<!--收藏宝贝-->
<div class="collectGoods">
    <p class="content" style="padding-top:0.4rem;">2.下单付款后填写订单信息</p>
    <p class="step">请上传订单详情截图：请打开手机淘宝，进入“我的淘宝-待发货”，点击已购买的宝贝，将此订单的“订单详情”截图并上传。（截图示例如下）</p>
    <div class="evaluate_example">
        <a class="left" href="javascript:void(0);">
            <img src="../../images/lingqu_four.png" alt="">
        </a>
        <a class="result right" href="javascript:void(0);">
            <input class="file_input" type="file">
            <img src="../../images/shpj_icon_tj_default.png" alt="">
            <span>请上传您的评价详情截图</span>
        </a>
    </div>
    <p class="step">请复制填写当前订单信息</p>
    <div class="write_information">
        <label>请填写订单号：</label>
        <input type="text">
        <br/>
        <label>实际付款金额：</label>
        <input type="text">
        <br/>
        <label>支付的运费：</label>
        <input type="text">
    </div>
    <p class="step"><span>下单之后商家将在72小时内操作发货，请耐心等待，不要到旺旺上催商家。</span></p>
</div>
<!--注意事项-->
<div class="notice_matter">
    <p class="title">注意事项</p>
    <div class="matter_content">
        <p>
        1、严禁转售中奖获得的试用商品，一经发现，直接封号！
        </p>
        <p>
        2、商品没有质量问题，一律不予退换货，尺寸大小问题试客联系商家客服自己承担来回运费！
        </p>
        <p>
        3、商品存在质量问题，一律联系平台客服，平台客服与商家协商
        </p>
    </div>
    <div class="pothook">
        <img class="left" src="../../images/bg_lj_default.png" alt="">
        <img class="right" src="../../images/bg_lj_default.png" alt="">
    </div>
</div>
<p class="submit_btn">
    <input class="affirm_submit" type="submit" value="确认已付款，提交">
</p>

<div class="modal_box">
    <div class="modal_content">
        <p class="hint">
            <span>提示</span>
            <img class="close" src="../../images/tc_icon_off_default.png" alt=""></p>
        <p class="main">确认提交？</p>
        <p class="btns">
            <input type="button" value="确定">
            <input class="close" type="button" value="取消">
        </p>
    </div>
    <div class="mask_layer"></div>
</div>

</body>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../../js/mui.js"></script>
<script src="../../js/alert.js"></script>
<script>
  /*  $(function(){
        $('.mask_layer').height(document.body.scrollHeight+30);
        $('.affirm_submit').bind("tap",function(){
            $('.modal_box').css('display','block');
            e.preventDefault();
            $(document.body).css({
                "overflow-x":"hidden",
                "overflow-y":"hidden"
            });
            return false;
        });
        $('.close').bind("tap",function(e){
            $('.modal_box').css('display','none');
            e.preventDefault();
            $(document.body).css({
                "overflow-x":"auto",
                "overflow-y":"auto"
            });
            console.log(e);
            e.stopPropagation();
            e.preventDefault();
        })
    })*/
</script>
</html>



























